<template>
	<view class="pubTitle">
		<view class="big">{{title}}</view>
		<view class="small">{{subtitle}}</view>
		<view class="time">{{time}}</view>
		<view class="line"> </view>
	</view>
</template>

<script>
	export default {
		name:"pubTitle",
		// props:["title", "subtitle"],
		props:{
			title: {
				type:String,
				default:"标题"
			},
			subtitle:{
				type: String,
				default: "副标题"
			},
			time: {
				type: Date,
				default: new Date()
			},
			list: {
				type:Array,
				default() {
					return [1,2,3]
				}
			},
			user: {
				type: Object,
				default() {
					return {
						name: "1111",
						gender: "男"
					}
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.pubTitle {
	padding: 60rpx 30rpx;
	width: 100%;
	text-align: center;
	background: lightgreen;
	/* border: solid 1rpx red; */
	.big {
		font-size: 50rpx;
		font-weight: 600;
		color: #333;
	}
	.small {
		font-size: 28rpx;
		color: #888;
	}
	.line {
		display: inline-block;
		width: 100rpx;
		height: 3rpx;
		background: #e11111;
	}
}
</style>